<div ng-init="init();" class="kmi-layout-content SMT17-content" ng-class="[page_mode]" ng-click="$root.disapearShowAlert()">
    <!-- SMT 產品過帳 -->
    <div class="kmi-header-row">
        <div class="kmi-side-btn left" ng-click="back();">
            <i class="material-icons">&#xE408;</i>
            <div class="kmi-can-click"></div>
        </div>
        <div class="header-title" ng-bind="'SMT17.title' | translate" ng-show="page_mode != 'next_page'"></div>
        <div class="header-title" ng-bind="'SMT17.titleList.normal_examine' | translate" ng-show="page_mode == 'next_page' && data.op_prop == '1'"></div>
        <div class="header-title" ng-bind="'SMT17.titleList.print_examine' | translate" ng-show="page_mode == 'next_page' && data.op_prop == '2'"></div>
        <div class="header-title" ng-bind="'SMT17.titleList.paste_examine' | translate" ng-show="page_mode == 'next_page' && data.op_prop == '3'"></div>
        <div class="header-title" ng-bind="'SMT17.titleList.examine_pass' | translate" ng-show="page_mode == 'next_page' && data.op_prop == '4'"></div>
        <div class="kmi-side-btn setting-item" ng-click="settings();"  ng-show="page_mode == 'next_page'">
            <img src="image/icons/settings.png"></img> 
            <div class="kmi-can-click"></div>
        </div>
        <div class="header-logo"></div>
    </div>
    <!-- 選擇區域畫面 select-area -->
    <div class="kmi-layout-main-content select-area">
        <div class="kmi-layout-page" style="justify-content: center;">
            <!-- 生产批号： -->
            <div class="kmi-text-fields">
                <label class="label" ng-bind="'SMT17.list1.plot_no' | translate" style="flex: 0 0 25%;"></label>
                <input class="value" style="flex: 0 0 50%;" ng-model="data.plot_no" readonly="readonly" ng-click="loadPlotList();"></input>
                <div class="tip search" ng-click="loadPlotList();">
                    <img src="image/icons/search.png"></img> 
                </div>
            </div>
            <!-- 區域： -->
            <div class="kmi-text-fields">
                <label class="label" ng-bind="'SMT17.area' | translate" style="flex: 0 0 25%;"></label>
                <input class="value" style="flex: 0 0 50%;" ng-model="data.area_no" readonly="readonly" ng-click="loadAreaList();"></input>
                <div class="tip search" ng-click="loadAreaList();">
                    <img src="image/icons/search.png"></img> 
                </div>
            </div>
            <!-- 作業站： -->
            <div class="kmi-text-fields">
                <label class="label" ng-bind="'SMT17.op_no' | translate" style="flex: 0 0 25%;"></label>
                <input class="value" style="flex: 0 0 50%;" ng-model="data.op_no" readonly="readonly" ng-click="loadOpNoList();"></input>
                <div class="tip search" ng-click="loadOpNoList();">
                    <img src="image/icons/search.png"></img> 
                </div>
            </div>
            <!-- 加工序： -->
            <div class="kmi-text-fields">
                <label class="label" ng-bind="'SMT17.seq' | translate" style="flex: 0 0 25%;"></label>
                <input class="value" style="flex: 0 0 50%;" ng-model="data.seq" readonly="readonly" ng-click="loadseqList();"></input>
                <div class="tip search" ng-click="loadseqList();">
                    <img src="image/icons/search.png"></img> 
                </div>
            </div>
            <!-- 設備編號： -->
            <div class="kmi-text-fields">
                <label class="label" ng-bind="'SMT17.machine_no' | translate" style="flex: 0 0 25%;"></label>
                <label class="value" style="flex: 0 0 50%;" ng-bind="data.machine_no"></label>
            </div>
            <!-- 執行動作： 
            <div class="kmi-text-fields">
                <label class="label" ng-bind="'SMT17.action' | translate" style="flex: 0 0 25%;"></label>
                <button class="mdl-button mdl-js-button kmi-checkbox" ng-click="data.type = 0" style="flex: 0 0 100px; padding-top: 2px;">
                    <img ng-show="data.type != 0" src="image/icons/check0.png"></img>
                    <img ng-show="data.type == 0" src="image/icons/check1.png"></img>
                    {{'SMT17.input' | translate}}
                </button>
                <button class="mdl-button mdl-js-button kmi-checkbox" ng-click="data.type = 1" style="flex: 0 0 100px; padding-top: 2px;">
                    <img ng-show="data.type == 0" src="image/icons/check0.png"></img>
                    <img ng-show="data.type != 0" src="image/icons/check1.png"></img>
                    {{'SMT17.output' | translate}}
                </button>
            </div>-->
        </div>
        <div class="kmi-layout-footer" ng-click="confirm();">
            <button class="mdl-button mdl-js-button mdl-button--fab mdl-shadow--custom mdl-button--custom1">
                <i class="material-icons">done</i>
            </button>
        </div>
    </div>
    <!-- 選擇區域後畫面 next-page  -->
    <div class="kmi-layout-main-content init-none next-page" ng-class="{'data-mining':data.op_prop=='1','print-type':data.op_prop=='2','paste-type':data.op_prop=='3','examine-type':data.op_prop =='4'}">
        <div class="kmi-layout-page">
            <div class="wrapp-panel">
                <!-- 投入/產出 序號 product_serialNumber_panel -->
                <div class="product_serialNumber_panel" ng-if="data.op_prop != '3'">
                    <div class="kmi-text-fields serialNumber_panel">
                        <!-- 投入序號： -->                        
                        <label class="label btn-none" ng-bind="'SMT17.input_panel_no' | translate" ng-show="data.posting_source_type== 1 && data.type == 0"></label>
                        <label class="label btn-none" ng-bind="'SMT17.input_pcs_no' | translate" ng-show="data.posting_source_type!=1 && data.type == 0"></label>
                        <!-- 產出序號： -->
                        <label class="label btn-none" ng-bind="'SMT17.output_panel_no' | translate" ng-show="data.posting_source_type==1 && data.type != 0"></label>
                        <label class="label btn-none" ng-bind="'SMT17.output_pcs_no' | translate" ng-show="data.posting_source_type!=1 && data.type != 0"></label>
                        <input class="qr-code_input" mdl-barcode="input_barcode(barcode)"/>
                        <div class="tip qrcode" ng-click="QRCodeScanner();">
                            <img src="image/icons/QRCode.png">
                        </div>
                        <!--
                        <div class="kmi-button kmi-button-confrim" style="width:100px" ng-click="search()" ng-disabled = "time_over" readonly='time_over'>
                            <label ng-bind="'common.btn.search' | translate"></label>
                            <div class="kmi-can-click"></div>
                        </div>
                        -->
                        <div class="btn" ng-show="data.op_prop =='4'">
                            <button class="mdl-button mdl-js-button kmi-checkbox" ng-click="data.type = 1" style="flex: 0 0 100px; padding-top: 2px;">
                                <img ng-show="data.type != 1" src="image/icons/check0.png"></img>
                                <img ng-show="data.type == 1" src="image/icons/check1.png"></img>
                                {{'SMT17.pass' | translate}}
                            </button>
                            <button class="mdl-button mdl-js-button kmi-checkbox" ng-click="data.type = 2" style="flex: 0 0 100px; padding-top: 2px;">
                                <img ng-show="data.type != 2" src="image/icons/check0.png"></img>
                                <img ng-show="data.type == 2" src="image/icons/check1.png"></img>
                                {{'SMT17.ng' | translate}}
                            </button>
                        </div>
                    </div>
                </div>
                <div class="A1_panel">
                    <!-- 產品基本資料 product_basicData_panel  -->
                    <div class="paste-show-panel">
                        <div class="product_serialNumber_panel" ng-if="data.op_prop == '3'" style="margin-right: 5px;">
                            <div class="kmi-text-fields serialNumber_panel">
                                <!-- 投入序號： -->                        
                                <label class="label btn-none" ng-bind="'SMT17.input_panel_no' | translate" ng-show="data.posting_source_type== 1 && data.type == 0"></label>
                                <label class="label btn-none" ng-bind="'SMT17.input_pcs_no' | translate" ng-show="data.posting_source_type!=1 && data.type == 0"></label>
                                <!-- 產出序號： -->
                                <label class="label btn-none" ng-bind="'SMT17.output_panel_no' | translate" ng-show="data.posting_source_type==1 && data.type != 0"></label>
                                <label class="label btn-none" ng-bind="'SMT17.output_pcs_no' | translate" ng-show="data.posting_source_type!=1 && data.type != 0"></label>
                                <input class="qr-code_input" mdl-barcode="input_barcode(barcode)"/>
                                <div class="tip qrcode" ng-click="QRCodeScanner();"><!-- ng-disabled = "time_over" readonly='time_over' -->
                                    <img src="image/icons/QRCode.png">
                                </div>
                            </div>
                        </div>
                        <div class="barcode-produce-switch_panel" ng-if="data.op_prop=='3'">
                            <div class="tab info-button" ng-class="{'is-select':A1PanelSwitch == '1'}" ng-click="change_pro_bar('0')">
                                <label ng-bind="'SMT17.produce_info' | translate"></label>
                            </div>
                            <div class="tab info-button" ng-class="{'is-select':A1PanelSwitch == '0'}" ng-click="change_pro_bar('1')">
                                <label ng-bind="'SMT17.barcode_info' | translate"></label>
                            </div>
                        </div>
                        <div class="basicData_panel product_info_panel" ng-if="A1PanelSwitch == '0'">
                            <div class="A1_panel_box">
                                <div class="kmi-text-fields A1-panel-item">
                                    <!-- 工單號： -->
                                    <label class="label fixed-width" ng-bind="'SMT17.queryList.work_no' | translate"></label>
                                    <label class="value" ng-bind="data.work_no"></label>
                                </div>
                                <div class="kmi-text-fields A1-panel-item">
                                    <!-- 產品名： -->
                                    <label class="label fixed-width" ng-bind="'SMT17.queryList.product_no' | translate"></label>
                                    <label class="value" ng-bind="data.product_no"></label>
                                </div>
                                <div class="kmi-text-fields A1-panel-item">
                                    <!-- 工單數量： -->
                                    <label class="label fixed-width" ng-bind="'SMT17.queryList.work_no_qty' | translate"></label>
                                    <label class="value" ng-bind="data.work_no_qty"></label>
                                </div>
                                <div class="kmi-text-fields A1-panel-item">
                                    <!-- 作業站： -->
                                    <label class="label fixed-width" ng-bind="'SMT17.queryList.op_station' | translate"></label>
                                    <label class="value" ng-bind="data.op_no"></label>
                                </div>
                                <div class="kmi-text-fields A1-panel-item">
                                    <!-- 區域： -->
                                    <label class="label fixed-width" ng-bind="'SMT17.area' | translate"></label>
                                    <label class="value" ng-bind="data.area_no"></label>
                                </div>
                                <div class="kmi-text-fields A1-panel-item" ng-show="data.op_prop == '2' || data.op_prop == '3'">
                                    <!-- 生產數量： -->
                                    <label class="label fixed-width" ng-bind="'SMT17.queryList.produce_qty' | translate"></label>
                                    <label class="value" ng-bind="data.produce_qty"></label>
                                </div>
                                <div class="kmi-text-fields A1-panel-item" ng-show="data.op_prop == '1' || data.op_prop == '4'">
                                    <!-- 過站數量： -->
                                    <label class="label fixed-width" ng-bind="'SMT17.queryList.pass_station' | translate"></label>
                                    <label class="value" ng-bind="data.produce_qty"></label>
                                </div>
                                <div class="kmi-text-fields A1-panel-item">
                                    <!-- 工單過站數量： ng-show="data.op_prop == '1' || data.op_prop == '4'" -->
                                    <label class="label fixed-width" ng-bind="'SMT17.queryList.wo_no_pass_qty' | translate"></label>
                                    <label class="value" ng-bind="data.produce_qty"></label>
                                </div>
                            </div>
                        </div>
                        <div class="basicData_panel product_status_panel" ng-if="A1PanelSwitch == '1'" style="margin-right: 5px;">
                            <div class="product_status_panel">
                                <div class="print-style_product_panel">
                                    <div class="kmi-list column-selector" column-selector-id="" style="border-radius: 0 0 6px 6px;">
                                        <div class="kmi-list__header">
                                            <!-- PCB條碼 -->
                                            <div class="kmi-list__column" style="flex: 1;" ng-bind="'SMT17.print_list.PCB_barcode' | translate"></div>
                                            <!-- 狀態 -->
                                            <div class="kmi-list__column" style="flex: 1;" ng-bind="'SMT17.print_list.status' | translate"></div>
                                            <!-- 異常狀態說明 -->
                                            <div class="kmi-list__column" style="flex: 1;" ng-bind="'SMT17.list2.abnormal_description' | translate"></div>
                                            <!-- 掃描時間 -->
                                            <div class="kmi-list__column" style="flex: 1;" ng-bind="'SMT17.print_list.scan_time' | translate"></div>
                                        </div>
                                        <div class="kmi-list__row-content">
                                            <div class="kmi-list__row SMT" ng-repeat="item in item_list | orderBy:'-index'">
                                                <!-- PCB條碼 -->
                                                <div class="kmi-list__column column-border" style="flex: 1;" ng-bind="item.pcs_no"></div>
                                                <!-- 狀態 -->
                                                <div class="kmi-list__column column-border" style="flex: 1;" ng-bind="item.status" ng-class="[{red: item.status== 'Fail'|| item.status == 'NG'},{green: item.status != 'Fail' && item.status !='NG'}]"></div>
                                                <!-- 異常狀態說明 -->
                                                <div class="kmi-list__column column-border" style="flex: 1;" ng-bind="item.remark"></div>
                                                <!-- 掃描時間 -->
                                                <div class="kmi-list__column column-border" style="flex: 1;" ng-bind="item.right_now"></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="A2-panel" ng-hide="data.op_prop == '3'">
                        <!-- 產品狀態 product_status_panel-->
                        <div class="basicData_panel product_status_panel">
                            <div class="product_status_panel">
                                <div class="data-min_product_panel" ng-show="data.op_prop == '1' || data.op_prop == '4'">
                                    <div class="kmi-list column-selector" column-selector-id="" style="border-radius: 0 0 6px 6px;">
                                        <div class="kmi-list__header">
                                            <!-- 條碼 -->
                                            <div class="kmi-list__column" style="flex: 1;" ng-bind="'SMT17.data_min_list.barcode' | translate"></div>
                                            <!-- 狀態 -->
                                            <div class="kmi-list__column" style="flex: 1;" ng-bind="'SMT17.data_min_list.status' | translate"></div>
                                            <!-- 異常狀態說明 -->
                                            <div class="kmi-list__column" style="flex: 1;" ng-bind="'SMT17.list2.abnormal_description' | translate"></div>
                                            <!-- 採集人 -->
                                            <div class="kmi-list__column" style="flex: 1;" ng-bind="'SMT17.data_min_list.collector' | translate"></div>
                                            <!-- 採集時間 -->
                                            <div class="kmi-list__column" style="flex: 1;" ng-bind="'SMT17.data_min_list.collect_time' | translate"></div>
                                        </div>
                                        <div class="kmi-list__row-content">
                                            <div class="kmi-list__row SMT" ng-repeat="item in item_list | orderBy:'-index'">
                                                <!-- 條碼 -->
                                                <div class="kmi-list__column column-border" style="flex: 1;" ng-bind="item.pcs_no"></div>
                                                <!-- 狀態 -->
                                                <div class="kmi-list__column column-border" style="flex: 1;" ng-bind="item.status" ng-class="[{red: item.status== 'Fail'|| item.status == 'NG'},{green: item.status != 'Fail' && item.status !='NG'}]"></div>
                                                <!-- 異常狀態說明 -->
                                                <div class="kmi-list__column column-border" style="flex: 1;" ng-bind="item.remark"></div>
                                                <!-- 採集人 -->
                                                <div class="kmi-list__column column-border" style="flex: 1;" ng-bind="item.user_name"></div>
                                                <!-- 採集時間 -->
                                                <div class="kmi-list__column column-border" style="flex: 1;" ng-bind="item.right_now"></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="print-style_product_panel" ng-show="data.op_prop == '2' || data.op_prop == '3'">
                                    <div class="kmi-list column-selector" column-selector-id="" style="border-radius: 0 0 6px 6px;">
                                        <div class="kmi-list__header">
                                            <!-- PCB條碼 -->
                                            <div class="kmi-list__column" style="flex: 1;" ng-bind="'SMT17.print_list.PCB_barcode' | translate"></div>
                                            <!-- 狀態 -->
                                            <div class="kmi-list__column" style="flex: 1;" ng-bind="'SMT17.print_list.status' | translate"></div>
                                            <!-- 異常狀態說明 -->
                                            <div class="kmi-list__column" style="flex: 1;" ng-bind="'SMT17.list2.abnormal_description' | translate"></div>
                                            <!-- 掃描時間 -->
                                            <div class="kmi-list__column" style="flex: 1;" ng-bind="'SMT17.print_list.scan_time' | translate"></div>
                                        </div>
                                        <div class="kmi-list__row-content">
                                            <div class="kmi-list__row SMT" ng-repeat="item in item_list | orderBy:'-index'">
                                                <!-- PCB條碼 -->
                                                <div class="kmi-list__column column-border" style="flex: 1;" ng-bind="item.pcs_no"></div>
                                                <!-- 狀態 -->
                                                <div class="kmi-list__column column-border" style="flex: 1;" ng-bind="item.status" ng-class="[{red: item.status== 'Fail'|| item.status == 'NG'},{green: item.status != 'Fail' && item.status !='NG'}]"></div>
                                                <!-- 異常狀態說明 -->
                                                <div class="kmi-list__column column-border" style="flex: 1;" ng-bind="item.remark"></div>
                                                <!-- 掃描時間 -->
                                                <div class="kmi-list__column column-border" style="flex: 1;" ng-bind="item.right_now"></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- A4、D4圖表 -->
                        <div class="basicData_panel A4_D4_chart">
                            <div id="chart1"></div>
                        </div>
                    </div>
                    <div class="basicData_panel produce-effiency" ng-if="data.op_prop == '3'">
                        <div id="efficiency_chart" style="width:100%"></div>
                    </div>
                </div>
                <div class="charts_panel">
                    <div class="basicData_panel tool-info-chart">
                        <div class="kmi-text-fields" style='font-size:18px;font-weight: bold;justify-content: space-between;'>
                            <div>
                                <label class='mtrl_chart' ng-bind="'SMT17.material_info.title' | translate" ng-show='data.op_prop == "3"' ng-class="{'is-select':mtrl_chart == '1'}" ng-click="switchMtrlChart('1')"></label>
                                <span  ng-show='data.op_prop == "3"'>/</span>
                                <label class='mtrl_chart' ng-bind="'SMT17.material_need_status.title' | translate" ng-show='data.op_prop == "3"' ng-class="{'is-select':mtrl_chart == '2'}" ng-click="switchMtrlChart('2')"></label>
                                <label ng-bind="'SMT17.tool_info.title' | translate" ng-show='data.op_prop == "2"'></label>
                            </div>
                            <div class="btn-panel">
                                <div class="kmi-button kmi-button-confrim" ng-click="open_material_need();" style="width:100px;font-weight: normal;font-size:15px;" ng-show='data.op_prop == "3" && mtrl_chart == "1"'>
                                    <label ng-bind="'SMT17.material_need' | translate"></label>
                                    <div class="kmi-can-click"></div>
                                </div>
                                <div class="kmi-button kmi-button-confrim" ng-click="callDashboardData();" style="width:100px;font-weight: normal;font-size:15px;" ng-show='data.op_prop == "3"'>
                                    <label ng-bind="'SMT17.renew_chart' | translate"></label>
                                    <div class="kmi-can-click"></div>
                                </div>
                            </div>
                        </div>
                        <!-- 物料訊息 -->
                        <div class="kmi-list column-selector" style="border-radius: 0 0 6px 6px;" ng-show='data.op_prop == "3" && mtrl_chart == "1"'>
                            <div class="kmi-list__header">
                                <!-- 站位 -->
                                <div class="kmi-list__column" style="flex: 1;" ng-bind="'SMT17.material_info.position' | translate"></div>
                                <!-- Feeder -->
                                <div class="kmi-list__column" style="flex: 1;" ng-bind="'SMT17.material_info.feeder' | translate"></div>
                                <!-- 物料編碼 -->
                                <div class="kmi-list__column" style="flex: 1;" ng-bind="'SMT17.material_info.material_no' | translate"></div>
                                <!-- 物料料號 -->
                                <div class="kmi-list__column" style="flex: 1;" ng-bind="'SMT17.material_info.material_lot_no' | translate"></div>
                                <!-- 數量 -->
                                <div class="kmi-list__column" style="flex: 1;" ng-bind="'SMT17.material_info.qty' | translate"></div>
                                <!-- 上料時間 -->
                                <div class="kmi-list__column" style="flex: 1;" ng-bind="'SMT17.material_info.process_time' | translate"></div>
                                <!-- MSD状态 -->
                                <div class="kmi-list__column" style="flex: 1;" ng-bind="'SMT17.material_info.MSD' | translate"></div>
                                <!-- 預警 -->
                                <div class="kmi-list__column" style="flex: 1;" ng-bind="'SMT17.material_info.alert' | translate"></div>
                            </div>
                            <div class="kmi-list__row-content">
                                <div class="kmi-list__row SMT" ng-repeat="item in info_list | orderBy:'-index'">
                                    <!-- 站位  -->
                                    <div class="kmi-list__column column-border" style="flex: 1;" ng-bind="item.position"></div>
                                    <!-- Feeder -->
                                    <div class="kmi-list__column column-border" style="flex: 1;" ng-bind="item.feeder_no"></div>
                                    <!-- 物料編碼 -->
                                    <div class="kmi-list__column column-border" style="flex: 1;" ng-bind="item.material_no"></div>
                                    <!-- 物料料號 -->
                                    <div class="kmi-list__column column-border" style="flex: 1;" ng-bind="item.material_lot_no"></div>
                                    <!-- 數量 -->
                                    <div class="kmi-list__column column-border" style="flex: 1;" ng-bind="item.qty"></div>
                                    <!-- 上料時間 -->
                                    <div class="kmi-list__column column-border" style="flex: 1;" ng-bind="item.process_time"></div>
                                    <!-- MSD狀態 -->
                                    <div class="kmi-list__column column-border" style="flex: 1;display: flex;">
                                        <div class="warnig-lite" ng-class="{'green':(+item.msd_status) > 60,'yellow':(+item.msd_status) <= 60 && (+item.msd_status) >= 30,'red':(+item.msd_status) < 30 && item.msd_status != '-0.1' }"></div>
                                        <label ng-bind="item.msd_status + '(min.)'" style="margin-left: 5px;" ng-hide ="item.msd_status =='-0.1'"></label>
                                    </div>
                                    <!-- 預警 -->
                                    <div class="kmi-list__column column-border" style="flex: 1;">
                                        <div class="warnig-lite" ng-class="{'green':item.mtl_alarm == 'g','yellow': item.mtl_alarm == 'y' ,'red': item.mtl_alarm == 'r' }"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- 物料需求狀態 -->
                        <div class="kmi-list column-selector" column-selector-id="" style="border-radius: 0 0 6px 6px;" ng-show='data.op_prop == "3" && mtrl_chart == "2"'>
                            <div class="kmi-list__header">
                                <!-- 站位 -->
                                <div class="kmi-list__column" style="flex: 1;" ng-bind="'SMT17.material_info.position' | translate"></div>
                                <!-- 物料料號 -->
                                <div class="kmi-list__column" style="flex: 1;" ng-bind="'SMT17.material_need_status.material_no' | translate"></div>
                                <!-- 物料批號 -->
                                <div class="kmi-list__column" style="flex: 1;" ng-bind="'SMT17.material_need_status.material_lot_no' | translate"></div>
                                <!-- 需求時間 -->
                                <div class="kmi-list__column" style="flex: 1;" ng-bind="'SMT17.material_need_status.demand_time' | translate"></div>
                                <!-- 檢料時間 -->
                                <div class="kmi-list__column" style="flex: 1;" ng-bind="'SMT17.material_need_status.timestamp' | translate"></div>
                            </div>
                            <div class="kmi-list__row-content">
                                <div class="kmi-list__row SMT" ng-repeat="item in mtrl_list | orderBy:'-index'">
                                    <!-- 站位  -->
                                    <div class="kmi-list__column column-border" style="flex: 1;" ng-bind="item.slot_no"></div>
                                    <!-- 物料料號 -->
                                    <div class="kmi-list__column column-border" style="flex: 1;" ng-bind="item.material_no"></div>
                                    <!-- 物料批號 -->
                                    <div class="kmi-list__column column-border" style="flex: 1;" ng-bind="item.reel_no"></div>
                                    <!-- 需求時間 -->
                                    <div class="kmi-list__column column-border" style="flex: 1;" ng-bind="item.create_date"></div>
                                    <!-- 檢料時間 -->
                                    <div class="kmi-list__column column-border" style="flex: 1;" ng-bind="item.time_stamp"></div>
                                </div>
                            </div>
                        </div>
                        <!-- 工具訊息 -->
                        <div class="kmi-list column-selector" column-selector-id="" style="border-radius: 0 0 6px 6px;" ng-show='data.op_prop == "2"'>
                            <div class="kmi-list__header">
                                <!-- 工具編碼 -->
                                <div class="kmi-list__column" style="flex: 1;" ng-bind="'SMT17.tool_info.tool_no' | translate"></div>
                                <!-- 工具料號-->
                                <div class="kmi-list__column" style="flex: 1;" ng-bind="'SMT17.tool_info.tool_name' | translate"></div>
                                <!-- 使用次數 -->
                                <div class="kmi-list__column" style="flex: 1;" ng-bind="'SMT17.tool_info.material_no' | translate"></div>
                                <!-- 上料時間 -->
                                <div class="kmi-list__column" style="flex: 1;" ng-bind="'SMT17.tool_info.process_time' | translate"></div>
                                <!-- 預警 -->
                                <div class="kmi-list__column" style="flex: 1;" ng-bind="'SMT17.tool_info.time_alert' | translate"></div>
                            </div>
                            <div class="kmi-list__row-content">
                                <div class="kmi-list__row SMT" ng-repeat="item in info_list | orderBy:'-index'">
                                    <!-- 工具編碼 -->
                                    <div class="kmi-list__column column-border" style="flex: 1;" ng-bind="item.tool_no"></div>
                                    <!-- 工具料號 -->
                                    <div class="kmi-list__column column-border" style="flex: 1;" ng-bind="item.tool_name"></div>
                                    <!-- 使用次數 -->
                                    <div class="kmi-list__column column-border" style="flex: 1;" ng-bind="item.acc_count"></div>
                                    <!-- 上料時間 -->
                                    <div class="kmi-list__column column-border" style="flex: 1;" ng-bind="item.process_time"></div>
                                    <!-- 預警 -->
                                    <div class="kmi-list__column column-border" style="flex: 1;">
                                        <div class="warnig-lite" ng-class="{'red':item.color =='r','yellow':item.color =='y','green':item.color =='g' }"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="basicData_panel produce-effiency" ng-if="data.op_prop != '3'">
                        <div id="efficiency_chart" style="width:100%"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
